<template>
  <div class="allPage">
    <el-row :gutter="15">
      <el-col :span="6">
        <el-card class="box-card-top">
          <getSalesOrdersSupport></getSalesOrdersSupport>
        </el-card>
      </el-col>
      <el-col :span="6">
        <el-card class="box-card-top">
          <StoreslastmonthSupport></StoreslastmonthSupport>
        </el-card>
      </el-col>
      <el-col :span="12">
        <el-card class="box-card-top">
          <div>
            <totalsalesSupport></totalsalesSupport>
          </div>
        </el-card>
      </el-col>
    </el-row>
    <el-row :gutter="15">
      <el-col :span="12">
       <Incidencestatistics></Incidencestatistics>
      </el-col>
      <el-col :span="12">
       <indicators></indicators>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import StoreslastmonthSupport from "@/components/dataSreening/salesData/StoreslastmonthSupport";
import totalsalesSupport from "@/components/dataSreening/salesData/totalsalesSupport";
import getSalesOrdersSupport from "@/components/dataSreening/salesData/getSalesOrdersSupport";
import Incidencestatistics from '@/components/employee/Incidencestatistics'
import indicators from '@/components/employee/indicators'
export default {
  name: "salesData",
  components: {
    StoreslastmonthSupport,
    totalsalesSupport,
    getSalesOrdersSupport,
    Incidencestatistics,
    indicators
  },
 
};
</script>

<style scoped>
.box-card-top {
  height: 260px;
  margin-bottom: 15px;
}

.box-card-bottom {
  height: calc(100vh - 400px);
}
</style>